<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bq_index.css">
    <title></title>
    <style>
        .cont_topa {
            height: 40px;
            line-height: 40px;
        }

        .cont_topa>a {
            text-decoration: none;
            margin-left: 5px;
            color: #333;
        }

        .cont_topb {
            display: flex;
        }

        .box_a {
            width: 50%;
        }

        .box_a>div:nth-child(1) {
            font-size: 20px;
            font-family: "微软雅黑";
        }

        .box_b {
            width: 60%;
        }

        .box_c {
            width: 50%;
        }

        .box_c>.rq_k {
            height: 66px;
            background: #d2d2d2;
            color: #333;
            width: 40%;
            float: right;
        }

        .rq_k {
            display: flex;
        }

        .rq_k>.rq_left {
            width: 50%;
            text-align: center;
        }

        .rq_k>.rq_left {
            width: 50%;
            margin-top: 10px;
        }

        .rq_left>div:nth-child(2)>span {
            color: #eb5b53;
        }

        .rq_k>.rq_right {
            color: #333;
            font-size: 24px;
            margin-top: 15px;
        }

        .box_a>div:nth-child(2) {
            font-size: 17px;
        }

        .cont_mid {
            padding: 0px;
        }

        .mid_a {
            display: flex;
            justify-content: space-evenly;
            padding-top: 70px;
            width: 70%;
            margin: auto;
        }

        .mid_a>.cont_A {
            border: 1px solid #dddddd;
            width: 37%;
            height: 200px;
            margin-left: 40px;
        }

        .cont_A>div:nth-child(1) {
            background: #dddddd;
            background: #dddddd;
            height: 50px;
            text-align: center;
            line-height: 50px;
        }

        .cont_A>div:nth-child(2)>p {
            font-size: 40px;
            text-align: center;
            padding-top: 20px;
        }

        .xq {
            text-align: center;
        }

        .xq>a {
            color: #333;
            text-decoration: none;
        }

        .mid_a>.cont_B {
            width: 20%;
        }

        .mid_b {
            padding-top: 40px;
        }

        .tit_a {
            display: flex;
            height: 65px;
            line-height: 65px;
            background: #dddddd;
        }

        .tit_a>.t_left {
            width: 50%;
            font-size: 15px;
            padding-left: 20px;
        }

        .tit_a>.t_right {
            width: 50%;
            display: flex;
            justify-content: flex-end;
        }

        .t_right>div {
            padding-right: 20px;
            align-self: center;
        }

        .t_right>div:nth-child(1)>select {
            width: 100px;
            border: 1px solid #fff;
            height: 30px;
            border-radius: 4px;
        }

        .t_right>div:nth-child(2)>select {
            width: 100px;
            border: 1px solid #fff;
            height: 30px;
            border-radius: 4px;
        }
    </style>
</head>

<body>
<include file="header"/>
<include file="aside"/>
    <div class="col-md-12 content">
        <div class="cont_topa">
            <i class="glyphicon glyphicon-home"></i>
            <a href="bq_index.html">首页</a>
        </div>
        <div class="cont_topb">
            <div class="box_a">
                <div>欢迎回来！</div>
            </div>
        </div>
        <div class="col-md-12 cont_mid">
            <div class="mid_a">
                <!--<div class="cont_A">-->
                <!--<div>昨日保全数</div>-->
                <!--<div>-->
                <!--<p>72</p>-->
                <!--<div class="xq"><a href="bq_num.html">查看详情</a></div>-->
                <!--</div>-->
                <!--</div>-->
                <!--<div class="cont_A">-->
                <!--<div>保全总数</div>-->
                <!--<div>-->
                <!--<p>120</p>-->
                <!--<div class="xq"><a href="bq_cont.html">查看详情</a></div>-->
                <!--</div>-->
                <!--</div>-->
                <div class="content-wrap">
                    <div class="title">保全总数：{$contractNum+$basicsNum}
                        <span id="contractNum"> </span>
                    </div>
                    <div class="bq_content clearfix">
                        <div class="items contract">
                            <p class="tit">合同保全</p>
                            <p class="num">{$contractNum}</p>
                        </div>
                        <div class="items basics">
                            <p class="tit">基础保全</p>
                            <p class="num">{$basicsNum}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Admin/static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Admin/static/h-ui.admin/js/H-ui.admin.js"></script>


    <script type="text/javascript" src="__PUBLIC__/Admin/lib/hcharts/Highcharts/5.0.6/js/highcharts.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Admin/lib/hcharts/Highcharts/5.0.6/js/modules/exporting.js"></script>
</body>

</html>

<script type="text/javascript">
    $(function(){
        $('#contractNum').text=$('#bbb').val();
    });


</script>